<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"  trimDirectiveWhitespaces="true"%>
<%@include file="../include/taglibs.jsp"%>

<fmt:message key="new.header" var="newGame" scope="page"/>
<fmt:message key="new.title" var="titleLabel" scope="page"/>
<fmt:message key="new.size" var="sizeLabel" scope="page"/>
<fmt:message key="new.description" var="descriptionLabel" scope="page"/>
<fmt:message key="new.createNewGame" var="createNewGame" scope="page"/>

<h1>${newGame}</h1>

<c:url var="gameUrl" value="/game/" />

<div class="divTable">
<div>
<div style="font-weight:bold">${titleLabel}</div>
<div>${title}</div>
</div>
<div>
<div style="font-weight:bold">${sizeLabel}</div>
<div>${size}</div>
</div>
<div>
<div  style="font-weight:bold">${descriptionLabel}</div>
<div>${description}</div>
</div>
</div>

<h2>Buzzwords</h2>

<div style="margin-top:20px">
<form method="post" action="${gameUrl}">
  <input type="hidden" name="title" value="${title}" />
  <input type="hidden" name="size" value="${size}" />
  <input type="hidden" name="description" value="${description}" />
  
  <div class="divTable">
  <c:forEach begin="1" end="${buzzwordCount}" var="i">
  	<div>  
    <div>Buzzword ${i}:</div>
    <div><input type="text" name="buzzword_${i}" /></div>
    </div>  
  </c:forEach>
  <div>
  <div></div>
  <div style="text-align:right"><input type="submit" value="${createNewGame}" style="margin-top:20px" /></div>
  </div>  
  </div>
  
</form>
</div>